<?php
	$gameInfo =$data['gameInfo'];
	$redInfo =$data['redInfo'];
	$blueInfo =$data['blueInfo'];
//var_dump($data);
 ?>
<html lang="en"><head>
	<meta charset="utf-8">
	<title>基础设置-拔河</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no, width=device-width">
	<meta name="format-detection" content="telephone=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link href="/css/common/base.css" media="screen" rel="stylesheet" type="text/css">
	<link href="/css/common/msgbox.css" media="screen" rel="stylesheet" type="text/css">
	<link href="/fonts/iconfont.css" media="screen" rel="stylesheet" type="text/css">
	<link href="/css/plugins/fineuploader.css" media="screen" rel="stylesheet" type="text/css">
	<link href="/css/plugins/upload.css" media="screen" rel="stylesheet" type="text/css">
	<link href="/css/common.css" media="screen" rel="stylesheet" type="text/css">
	<link href="/css/settings.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
	<div class="th clearfix">
		<div class="fl">拔河</div>
		<button class="fr save font border-r30 animate-01" id="save">保存</button>
	</div>
	<div class="tb pr" id="tb">
		<div class="row clearfix" id="time">
			<div class="fl row-tit">游戏时间</div>
			<div class="fl ml35">
				<span class="row-item">
					<i class="iconfont icon-wodedingdan07  radio <?php if($gameInfo['gameTime'] == 30) echo 'icon-xuanzhong';?>" data-value="30"></i>
					<span class="vm">30秒</span>
				</span>
				<span class="row-item">
					<i class="iconfont icon-wodedingdan07  radio <?php if($gameInfo['gameTime'] == 45) echo 'icon-xuanzhong';?>" data-value="45"></i>
					<span class="vm">45秒</span>
				</span>
				<span class="row-item">
					<i class="iconfont icon-wodedingdan07 radio <?php if($gameInfo['gameTime'] == 0 || $gameInfo['gameTime'] == 60 ) echo 'icon-xuanzhong';?>" data-value="60"></i>
					<span class="vm">60秒</span>
				</span>
			</div>
		</div>
		<div class="row row2 clearfix" id="bg-music">
			<div class="fl row-tit">背景音乐</div>
			<div class="fl ml35">
				<audio id="aud" loop="loop"></audio>
				<span class="row-item">
					<i class="iconfont icon-wodedingdan07 radio <?php if($gameInfo['bgMusic'] == 0 || $gameInfo['bgMusic'] == 1) echo 'icon-xuanzhong';?>"></i>
					<span class="vm">音乐1</span>
					<i class="iconfont icon-shiting music"></i>
				</span>
				<span class="row-item">
					<i class="iconfont icon-wodedingdan07  radio <?php if($gameInfo['bgMusic'] == 2) echo 'icon-xuanzhong';?>"></i>
					<span class="vm">音乐2</span>
					<i class="iconfont icon-shiting music"></i>
				</span>
				<span class="row-item">
					<i class="iconfont icon-wodedingdan07  radio <?php if($gameInfo['bgMusic'] == 3) echo 'icon-xuanzhong';?>"></i>
					<span class="vm">音乐3</span>
					<i class="iconfont icon-shiting music"></i>
				</span>
			</div>
		</div>
		
		<div class="row clearfix team-logo" id="team-logo">
			<div class="fl row-tit lh-104">团队LOGO</div>
			<div class="fl ml20 pr">
				<div class="border-modA fl">
					<img src="<?php echo $redInfo['team_image']; ?>" class="responseImg A-img" alt="" title="">
					<input type="hidden" class="img_src img_src_A" value="<?php echo $redInfo['team_image']; ?>" data-order="1" data-type="isempty" data-notice="请点击上传头像">
					<p class="upload-tips">更换图片</p>
				</div>
				<div class="border-modA fl ml50">
					<img src="<?php echo $blueInfo['team_image']; ?>" class="responseImg A-img" alt="" title="">
					<input type="hidden" class="img_src img_src_B" value="<?php echo $blueInfo['team_image']; ?>" data-order="1" data-type="isempty" data-notice="请点击上传头像">
					<p class="upload-tips">更换图片</p>
				</div>
				<div class="vs">vs</div>
				<p class="fr txt-tips">
					<i class="iconfont icon-dengpao"></i>
					<span class="vm">图片大小建议不超过500K</span>
				</p>
			</div>
		</div>
		<div class="row clearfix" id="team-name">
			<div class="fl row-tit lh30">团队队名</div>
			<div class="fl ml20 pr team-name">
				<input type="text" id="A-name" class="input A-name ml15" value="<?php echo $redInfo['team_name']; ?>" />
				<input type="text" id="B-name" class="input B-name ml50" value="<?php echo $blueInfo['team_name']; ?>" />
				<div class="vs">vs</div>
				<p class="fr txt-tips">
					<i class="iconfont icon-dengpao"></i>
					<span class="vm">队名不能超过5个字</span>
				</p>
			</div>
		</div>
		<div class="row clearfix" id="number">
			<div class="fl row-tit">上限人数</div>
			<div class="fl ml35">
				<span class="row-item">
					<i class="iconfont icon-wodedingdan07  radio <?php if($gameInfo['limit'] == 20 ) echo 'icon-xuanzhong';?>" data-value="20"></i>
					<span class="vm">20人/队</span>
				</span>
				<span class="row-item">
					<i class="iconfont icon-wodedingdan07 radio <?php if($gameInfo['limit'] == 50 || $gameInfo['limit'] == 0) echo 'icon-xuanzhong';?>" data-value="50"></i>
					<span class="vm">50人/队</span>
				</span>
				<span class="row-item">
					<i class="iconfont icon-wodedingdan07  radio <?php if($gameInfo['limit'] == 100) echo 'icon-xuanzhong';?>" data-value="100"></i>
					<span class="vm">100人/队</span>
				</span>
			</div>
		</div>
		<div class="notice">
			<div class="th">
				<span>
					<i class="iconfont icon-dengpao"></i>
					<span class="vm">游戏玩法说明：</span>
				</span>
			</div>
			<div class="tb">
				观众选择队伍加入，形成两个游戏队伍，游戏开始后观众通过摇晃手机贡献力量，总力量多的团队获胜。
			</div>
			<div class="th pl23">
				游戏规则说明：
			</div>
			<div class="tb">
				为保证比赛的公平性，若两队人数不相等场控就点击“开始游戏”，则多余的后加入队员将不能参与游戏。
			</div>
		</div>
	</div>
</div>
<input type="hidden" value="1" id="round" />
<!-- 遮罩层 -->
<div id="mask"></div>
<div class="msgbox" id="msgbox">
	<div id="box-success" class="msg_content box-success">
        <div class="sucess">
            <span class="icon icon-success"></span>
            <span class="noteContent ">啊哈哈哈</span>
        </div>
    </div>
   <div id="box-fail" class="msg_content box-fail">
        <h2 class="title"><a href="javascript:;" class="icon close"></a></h2>
        <div class="msgCon">
        	<p class="icon err-icon"></p>
            <p class="noteContent ">这是一个错误</p>
        </div>
        <div class="buttonArea">
            <a href="javascript:;" class="box-btn btnSure">确 定</a>
            <a href="javascript:;" class="box-btn btnCancel">取 消</a>
        </div>
    </div>
    <div id="box-warning" class="msg_content box-warning">
        <h2 class="title"><a href="javascript:;" class="icon close"></a></h2>
        <div class="msgCon">
        	<p class="icon err-icon"></p>
            <p class="noteContent ">这是一个警告</p>
        </div>
        <div class="buttonArea">
            <a href="javascript:;" class="box-btn btnSure">确 定</a>
            <a href="javascript:;" class="box-btn btnCancel">取 消</a>
        </div>
    </div>
</div>

<!-- 图片上传 -->
<div id="imgupload">
	<img src="" class="see-img" id="see-img" />
	<div class="fire unstyled"  id="basicUploadSuccessExample">
		<p id="note"></p>
	</div>
</div>
<!--<input type="hidden" id="design_url" value="--><?php //echo $data['design_url']; ?><!--">-->
<script type="text/javascript" src="/js/common/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="/js/plugins/msgbox.js"></script>
<script src="/js/plugins/jquery.fineuploader-3.0.min.js" ></script>
<script src="/js/plugins/leanModal.js" ></script>
<script src="/js/plugins/Validate.js" ></script>
<script type="text/javascript" src="/js/plugins/autoHeight.js"></script>
<script type="text/javascript" src="/js/settings.js"></script>
</body>
</html>